<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<title></title>
<!-- <p>这是一个段落</p> -->
<div id="app">
<!-- <p>{{content}}</p>	 -->
<p @click="changeText()">{{content}}</p>

</div>
</head>
<body>

<script>
	new Vue({
		el:"#app",
		data:{
			content:'一个段落',
			//用type进行判断现在的状态
			type:true
		},
		//methods: 中文 方法 的 意思
		//刚开始 type=true
		//type不等于true
		methods:{
			changeText:function(){
				if(this.type==true){
					this.content="我被打了"
					}else{
						this.content="一个段落"
					}
					this.type=!this.type
					}
					
		}
  
	})
		
</script>
	
</body>
</html>
